<div id="cover"></div>
<div class="fixheader">
	<div class="header">
		<div class="header_left">
			<div class="header_btn">
				<i class="iconfont i1">&#xe608;</i>
			</div>
			<div class="logo">
				<span>Tony易购</span>
			</div>
			<div class="search">
				<input type="text" name="" id="" value="" placeholder="Search..." />
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="header_right">
			<div class="header_items">
				<i class="iconfont i2">&#xe6eb;</i>
				<span>3</span>
			</div>
			<div class="header_items">
				<i class="iconfont i2">&#xe64e;</i>
				<span>3</span>
			</div>
			<div class="header_items">
				<i class="iconfont i2">&#xe647;</i>
				<span>15</span>
			</div>
			<div class="header_user">
				<div class="headimg"></div>
				<div class="header_font">
					<p>Wikolia</p>
					<p>Administator</p>
					<i class="iconfont i3">&#xe62e;</i>
					<i class="iconfont i5">&#xe62d;</i>
				</div>
				<div class="clearfix"></div>
			</div>
			<div class="clearfix"></div>
			<div class="drop">
				<div class="drop_item1">
					<div class="drop_item1_title">你有3条新信息</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="drop_item1_footer">查看所有</div>

				</div>
				<div class="drop_item2">
					<div class="drop_item1_title">你有3条新信息</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="drop_item1_footer">查看所有</div>

				</div>
				<div class="drop_item3">
					<div class="drop_item1_title">你有3条新信息</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="msgs">
						<div class="drop_headimg"></div>
						<div class="drop_font">
							<p>Wikolia</p>
							<p>Administator</p>
						</div>
					</div>
					<div class="drop_item1_footer">查看所有</div>

				</div>
				<div class="drop_item4" type="1">
					<div class="usermsg">
						<i class="iconfont i4">&#xe64c;</i>
						<span>Settings</span>
					</div>
					<div class="usermsg">
						<i class="iconfont i4">&#xe851;</i>
						<span>Profile</span>
					</div>
					<div class="usermsg">
						<i class="iconfont i4">&#xe641;</i>
						<span>Logout</span>
					</div>
				</div>
			</div>

		</div>
		<div class="clearfix"></div>
	</div>
</div>
<div class="left_nav" type="1">
	<ul>
		<li><a href="../background/index.ftl">用户管理</a></li>
		<li><a href="../background/oz_adminTable.ftl">后台用户管理</a></li>
		<li><a href="../background/oz_bannerImg.ftl">轮播图管理</a></li>
		<li><a href="../background/goods_class_index.ftl">商品分类管理</a></li>
		<li><a href="../background/goods_manage_index.ftl">商品管理</a></li>
		<li><a href="../background/order_manager.ftl">订单管理</a></li>
		<li><a href="../background/oz_menu.ftl">菜单管理</a></li>
	</ul>
</div>
<div class="contzr">
	<div class="cont_titlezr">
		<span id="titletitle"></span>
	</div>
</div>
<script>
	$(document).ready(function() {
		$(".header_items:nth-child(1)").click(function() {
			$(".drop_item1").stop().slideToggle({
				"display": "block"
			})
			$(".drop_item4,.drop_item2,.drop_item3").css({
				"display": "none"
			})
			$(".i3").stop().css({
				"display": "block"
			});
			$(".i5").stop().css({
				"display": "none"
			});
		});
		$(".header_items:nth-child(2)").click(function() {
			$(".drop_item2").stop().slideToggle({
				"display": "block"
			})
			$(".drop_item1,.drop_item4,.drop_item3").stop().css({
				"display": "none"
			})
			$(".i3").stop().css({
				"display": "block"
			});
			$(".i5").stop().css({
				"display": "none"
			});
		});
		$(".header_items:nth-child(3)").click(function() {
			$(".drop_item3").stop().slideToggle({
				"display": "block"
			})
			$(".drop_item1,.drop_item2,.drop_item4").stop().css({
				"display": "none"
			})
			$(".i3").stop().css({
				"display": "block"
			});
			$(".i5").stop().css({
				"display": "none"
			});
		});
		$(".header_user").click(function() {
			$(".drop_item4").stop().slideToggle({
				"display": "block"
			});
			$(".drop_item1,.drop_item2,.drop_item3").stop().css({
				"display": "none"
			})
			$(".i3").stop().toggle({
				"display": "none"
			});
			$(".i5").stop().toggle({
				"display": "block"
			})
		})

		var bh = $(document).height();
		$("#cover").height(bh);
		$(".left_nav").height(bh - 80);
		$("#cover,.header_btn,.logo,.search,.left_nav").click(function() {
			$(".drop_item1,.drop_item2,.drop_item3,.drop_item4").stop().css({
				"display": "none"
			});
			$(".i3").stop().css({
				"display": "block"
			});
			$(".i5").stop().css({
				"display": "none"
			});
		})
//		$(".left_nav ul li").mouseover(function() {
//			$(this).addClass("bc").siblings().removeClass("bc");
//		})
		/*$('body').on('click','.left_nav ul li',function(){
//			$(this).addClass("bc").siblings().removeClass("bc");
			var title_txt = $(this).html();
			$("#titletitle").html(title_txt);
		});*/

		/*$(".left_nav ul li").click(function() {
//			$(this).addClass("bc").siblings().removeClass("bc");
//			console.log(txt);
			var title_txt = $(this).html();
			$("#titletitle").html(title_txt);
		})*/
		
//		$(".left_nav").mouseleave(function() {
//			$(".left_nav ul li").removeClass("bc");
//		})
		var bw = $(window).width();
		
		$(".cont_titlezr").stop().animate({
			"left":306+"px"
		})
		$(".cont_titlezr").width(bw-306);
		$(".header_btn").click(function() {
			if($(".left_nav").attr("type") == 1) {
				$(".left_nav").stop().animate({
					"left": -306 + "px"
				}, 500)
				
				$(".cont_titlezr").stop().animate({
					"left":0+"px"
				})
				$(".cont_titlezr").width(bw);
				$(".left_nav").attr("type", 2);
			} else {
				$(".left_nav").stop().animate({
					"left": 0 + "px"
				}, 500)
				
				$(".cont_titlezr").stop().animate({
					"left":306+"px"
				})
				$(".cont_titlezr").width(bw-306);
				$(".left_nav").attr("type", 1);
			}
		})
	})
</script>